body{
    font-family:"微软雅黑", Arial, Helvetica, sans-serif;
}
*{
	margin: 0;padding: 0;
}


.banner{
	width: 100%;
	height: 300px;
	background-color: #fba958;
	margin: auto;
	text-align: center;
}

.banner>.img-responsive {
	display: block;
	max-width: 100%;
	height: 300px;
	margin: auto;
}

.news{
	width: 100%;
	max-width: 1000px;
	margin: auto;
	/*border: 1px solid red;*/
}

	.news_tit{
		width: 100%;
		padding: 5% 0;
	}
	.title_left{
		width: 50%;
		float: left;
		font-size: 22px;
		font-weight: bold;
	}
	.title_right{
		width: 50%;
		float: left;
		text-align: right;
	}
	.title_right label{
		font-size: 16px;
	}
	.title_right select{
		padding-left: 15px;
	}
	.new{
		width: 31%;
		margin: 1% 1% 5% 1%;
		float: left;
		/*border: 1px solid red;*/
	}
	.new_con{
		width: 100%;
	}
	.new_con img{
		width: 100%;
		height: 220px;
	}
	.new_title{
		width: 100%;
		height: 35px;
		margin-top: 5% ;
		font-size: 16px;
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
	    -o-text-overflow:ellipsis;
	    /*white-space: nowrap;*/
	    /*display: -webkit-box;*/
	    /*-webkit-line-clamp:2;*/
	    /*-webkit-box-orient:vertical;*/
		/*border: 1px solid;*/
		white-space: nowrap;
	}
	.new_time{
		width: 50%;
		height: 30px;
		line-height: 30px;
		float: left;
		margin: 2% 0;
	}
	.look{
		width: 40%;
		height: 30px;
		line-height: 26px;
		float: right;
		text-align: center;
		font-size: 15px;
		margin: 2% 0;
		color: #000;
		border: 2px solid #df6f00;
	}
	.look:hover{
		background-color: #df6f00;
		color: #FFFFFF;
	}
	

/*xin   固定部分*/
	.x_mores{
		/*width: 60px;
		height: 400px;
		border: 1px solid red;*/
		position: fixed;
		z-index: 9999;
		right: 6px;
		bottom: 6%;
	}
	.x_more{
		width: 60px;
		height: 60px;
		position: relative;
		padding-top: 10px;
		margin: 10px 0;
		text-align: center;
		background-color: #999999;
		opacity: 0.8;
	}
	.x_more:hover{
		background-color: #3a3a3a;
		cursor: pointer;
	}
	.x_phone1{
		width: 150px;
		position: absolute;
		top: 10px;
		right: 60px;
		display: none;
	}
	.x_erwei1{
		width: 120px;
		position: absolute;
		top: -30px;
		right: 60px;
		display: none;
	}
	.x_weixin1{
		position: absolute;
		top: -50px;
		right: 54px;
		display: none;
		/*border: 1px solid red;*/
	}
	/*xin  固定部分 end*/
	@media(min-width:992px) and (max-width:1199px){
		/*xin   固定部分*/
		.x_mores{
			/*width: 60px;
			height: 400px;
			border: 1px solid red;*/
			position: fixed;
			z-index: 9999;
			right: 4%;
			bottom: 10%;
		}
		.x_more{
			width: 60px;
			height: 60px;
			position: relative;
			padding-top: 10px;
			margin: 10px 0;
			text-align: center;
			background-color: #999999;
			opacity: 0.8;
		}
		.x_more:hover{
			background-color: #3a3a3a;
			cursor: pointer;
		}
		.x_phone1{
			width: 150px;
			position: absolute;
			top: 10px;
			right: 60px;
			display: none;
		}
		.x_erwei1{
			width: 120px;
			position: absolute;
			top: -30px;
			right: 60px;
			display: none;
		}
	/*xin  固定部分 end*/
	}
	@media(min-width:769px) and (max-width:991px){
		.x_mores{
			/*width: 60px;
			height: 400px;
			border: 1px solid red;*/
			position: fixed;
			z-index: 9999;
			right: 10%;
			bottom: 10%;
		}
		.x_more{
			width: 60px;
			height: 60px;
			position: relative;
			padding-top: 10px;
			margin: 10px 0;
			text-align: center;
			background-color: #999999;
			opacity: 0.8;
		}
		.x_more:hover{
			background-color: #3a3a3a;
			cursor: pointer;
		}
		.x_phone1{
			width: 150px;
			position: absolute;
			top: 10px;
			right: 60px;
			display: none;
		}
		.x_erwei1{
			width: 120px;
			position: absolute;
			top: -30px;
			right: 60px;
			display: none;
		}
		.x_weixin1{
			position: absolute;
			top: 0;
			right: 60px;
			border: 1px solid red;
		}
	/*xin  固定部分 end*/
	}
	@media(max-width: 768px){
		.x_mores{
			display: none;
		}
		.new{
			width: 48%;
		}
		.new_time{
			width: 65%;
			height: 25px;
			line-height: 25px;
			font-size: 12px;
		}.look{
			width: 35%;
			height: 25px;
			line-height: 22px;
			font-size: 12px;
		}
	}
